<template>
	<view class="finance">
		<u-grid :border="true" col="4" align="center">
			<u-grid-item v-for="(item,Index) in list" :key="Index" @click="handleClick(item)" bgColor="white"
				class="ddd">
				<text class="grid-text">{{item.name}}</text>
			</u-grid-item>
		</u-grid>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						name: "财务总表",
						id: 0
					},
					{
						name: "认养券明细",
						id: 1
					},
					{
						name: "健康分明细",
						id: 3
					},
					{
						name: "鸡蛋明细",
						id: 2
					},
					{
						name: "股权明细",
						id: 5
					},
					{
						name: "消费券明细",
						id: 4
					},
					{
						name: "余额明细",
						id: 6
					},
					{
						name: "匠心鸡明细",
						id: 7
					},
					{
						name: "积分明细",
						id: 8
					},
				]
			}
		},
		methods: {
			handleClick(item) {
				uni.navigateTo({
					url: `/pages/detailed/detailed?type=` + item.id
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import './finance.css'
</style>
